
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>目的地首页</title>
    <link href="${pageContext.request.contextPath}/css/home/destination_index.css" rel="stylesheet">
</head>
<body style="position: relative;">
<div class="container">
    <div class="shade">
        <a href="">
            <img src="${pageContext.request.contextPath}/images/home/destination_header_backgroundimg.jpeg" style="margin: -97.905px 0px 0px;width: 100%;height: auto;">
        </a>
    </div>

    <!--============================头部导航===============================================-->
    <div class="zyx_header header-place-default" style="opacity: 1;">
        <div class="header-wrap">
            <ul class="item-lists">
                <li class="list-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
                <li class="list-index"><a href="destination_index.jsp">目的地</a></li>
                <li class="list-item"><a href="#">自由行</a></li>
                <li class="list-item"><a href="#">旅游定制</a></li>
                <li class="list-item"><a href="#">游记社区</a></li>
            </ul>
        </div>
    </div>

    <!--============================登陆注册================================================-->
    <div class="login-out">
        <a href="" class="login">登录</a>
        <span class="split">|</span>
        <a href="">注册</a>
    </div>

    <!--搜索框区域-->
    <div class="place-search-panel">
        <h2>Don't fear the unknown</h2>
        <form>
            <div class="searchbar">
                <input type="text" class="search-input" placeholder="我想去">
                <a href="destination.jsp" class="search-button" >
                    <img src="${pageContext.request.contextPath}/images/home/search-log.svg">
                </a>
            </div>
        </form>

        <div class="place-search-hot">
            <a href="destination.jsp">杭州</a>
            <a href="">上海</a>
            <a href="">日本</a>
            <a href="">苏州</a>
            <a href="">重庆</a>
        </div>
    </div>

    <!--搜索框右边文字区域-->
    <div class="show-info">
        <div class="show-name">
            <a href="">
                <h2>神仙海岛的三款热门玩法，去普吉一定不能错过</h2>
            </a>
        </div>

        <p class="location">
            关于泰国普吉岛，这个多面风情的岛屿，常年位于境外旅游热搜榜前列，第一次去的人，容易被它的热带海岛风情和高性价比吸引到想再二刷；第N次去的人，更是因为每次都能发现普吉的新玩法，让人想再多宠幸一遍。
        </p>

        <div class="show-links">
            <a href="">
                阅读全文
            </a>
        </div>
    </div>

    <!--热门目的地-->
    <div class="row">
        <div class="wrapper">
            <div class="r-title">
                <h2>热门目的地</h2>
            </div>

            <div class="r-navbar">
                <h2>国内</h2>
            </div>

            <div class="hot-list">
                <div class="col">
                    <dl>
                        <dt>直辖市</dt>
                        <dd>
                            <a href="#">北京</a>
                            <a href="#">上海</a>
                            <a href="#">重庆</a>
                            <a href="#">天津</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>
                </div>

                <div class="col">
                    <dl>
                        <dt>直辖市</dt>
                        <dd>
                            <a href="">北京</a>
                            <a href="">上海</a>
                            <a href="">重庆</a>
                            <a href="">天津</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            <a href="">云南</a>
                        </dt>
                        <dd>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                            <a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a><a href="">丽江</a>
                            <a href="">大理</a>
                            <a href="">昆明</a>
                            <a href="">香格里拉</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="${pageContext.request.contextPath}/js/destination_index.js"></script>
</body>
</html>